import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import path from 'path'
import Components from 'unplugin-vue-components/vite'
import { VantResolver } from '@vant/auto-import-resolver'
import { viteMockServe } from "vite-plugin-mock";

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    port: 3000,// 端口
    open: true,// 自动打开浏览器页面
  },
  resolve: {
    alias: {// 解析别名
      '@': path.resolve(__dirname, './src'), // 指定 @/指向src目录
    },
  },
  plugins: [
    vue(),
    Components({
      resolvers: [VantResolver()],
    }),
    viteMockServe({
      mockPath: "src/mock",//设置mock文件存储目录
      localEnabled: true,//设置是否启用本地mock文件
      prodEnabled: false,//设置打包是否启用 mock 功能
      watchFiles: true,//设置是否监视mockPath对应的文件夹内文件中的更改
      injectCode: `
        import { setupProdMockServer } from './mockProdServer';
        setupProdMockServer();
      `,//如果生产环境开启了 mock 功能,即prodEnabled=true.则该代码会被注入到injectFile对应的文件的底部。默认为main.{ts,js}
      logger: true,//是否在控制台显示请求日志
    }),
  ],
})
